<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html中元素的id属性</title>
</head>
<body>
    <!-- 
        1、在html文档中，任何元素(节点)都有id属性，id属性是该节点的唯一标识，所以在同一个html文档中id值不能重复
        id就当作节点的身份证号码，不能重复
        2、id有什么用？
            javascript语言：可以对html文档当中的任意节点进行增删改操作，达到动态效果，增删改之前要先
            拿到这个节点，通常我们通过id来拿节点对象。id的存在让我们获取元素(节点)更方便
        3、html的文档是一棵树。树上有很多节点，每一个节点都有唯一的id，整棵树被称为dom(document)树
     -->

     <form id="myform" action="">
         <!-- 这里name和id值可以一样但是不同标签的id值不能相同 -->
         <input type="text" id="username" name="username" />
         <input type="password" id="userpwd" name="userpwd" />


     </form>
</body>
</html>